html {
  height: 100%;
}

body {
  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  height: 100%;
}

:root {
  --el-text-color-regular: #222;
}

:focus-visible {
  outline: none;
}

::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  transform: translate(10px, 10px);
}

#app {
  height: 100%;
}

.el-link + .el-link {
  margin-left: 40px;
}

.el-dialog {
  --el-dialog-padding-primary: 0;
}

.fade-enter-active,
.fade-leave-active,
.slide-left-enter-active,
.slide-left-leave-active {
  will-change: transform;
  transition: all 0.3s ease;
}

.fade-enter-from {
  opacity: 0;
}

.fade-leave-to {
  opacity: 0;
}

.el-form-item__label {
  pointer-events: none; /* 禁止点击事件 */
}

.el-input.is-disabled .el-input__wrapper {
  background-color: #f4f8ff !important;
}

.el-message-box {
  border-radius: 10px;
  padding: 20px;
}
.el-message-box .el-message-box__header {
  padding: 0;
}
.el-message-box .el-message-box__content {
  padding: 20px 0 0 !important;
}
.el-message-box .el-message-box__btns {
  padding: 20px 0 0;
}
.el-message-box__message p {
  color: #222;
}
.el-message-box__title span {
  color: #222;
  font-weight: bold;
}
.el-image-viewer__canvas img {
  max-width: 80% !important;
}

//
.el-link.is-disabled.is-text {
  pointer-events: none;
  cursor: not-allowed;
  text-decoration: none;
  color: #222222;
}
